<!DOCTYPE html>
<html>
<head>
    <% include common/public.ejs %>
    <style>

        .btn_select {
            background-color: #dee8f3;
            border: 1px solid #dee8f3;
            width: 60px;
        }

        .btn_unselect {
            background-color: #fff;
            border: 1px solid #dee8f3;
            width: 60px;
        }
        .hint{
            position: absolute;
            top: 30px;
            left: 10px;
            width: 182px;
        }


    </style>
</head>
<body>
<% include common/header.ejs %>
<%
var prePath = global.config.contextPath + global.config.viewPrefix;
%>
<div class="container-fluid page-content" style="margin: 0 20px 20px;">
    <!--<div class="row">
        <div class="col-md-6 form-inline" style="background-color: #d9edf7">
            <div class="form-group weatherF1" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
            <div class="form-group weatherF2" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
            <div class="form-group weatherF3" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
            <div class="form-group weatherF4" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
            <div class="form-group weatherF5" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
            <div class="form-group weatherF6" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
            <div class="form-group weatherF7" style="width:130px;height: 130px; padding-top:20px; ">
                <div style="text-align: center"><span class="day"></span></div>
                <div style="text-align: center"><img class="from" src="" style="width: 50px; height:50px;"/>
                    <img class="to" src="" style="width: 50px; height:50px;"/></div>
                <div style="text-align: center"><span class="descr"></span></div>
            </div>
        </div>
        <div class="col-md-6">
        </div>
    </div>-->

    <div class="row">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <i class="fa fa-table fa-lg" aria-hidden="true"></i>
                    <%= __('homepage.overview') %>
                </h3>
                <div class="actions">
                    <a class="btn btn-mini content-summary-refresh" style="color: #000;" href="#">
                        <i class="fa fa-refresh"></i>
                    </a>
                </div>
            </div>
            <div class="row text-center" style="margin: 0;">
                <div class="index_tap" style="margin-bottom: 0;">
                    <div class="tap_panel addMessage">
                        <a href="<%= prePath %>/system/?flyto=shopQuery">
                            <span class="icon glyphicon glyphicon-list-alt"></span>
                            <span class="number" id="allShop">0</span>
                            <span class="title"><%= __('homepage.numberOfStores') %></span>
                        </a>
                    </div>
                    <div class="tap_panel addUser">
                        <a href="<%= prePath %>/system/?flyto=deviceQuery">
                            <span class="icon glyphicon glyphicon-globe"></span>
                            <span class="number" id="allDevice">0</span>
                            <span class="title"><%= __('homepage.numberOfEquipments') %></span>
                        </a>
                    </div>
                    <div class="tap_panel addUser">
                        <a href="<%= prePath %>/system/?flyto=deviceQuery-error">
                            <span class="icon glyphicon glyphicon-book"></span>
                            <span class="number" id="exDevice">0</span>
                            <span class="title"><%= __('homepage.numberOfAbnormalEquipments') %></span>
                        </a>
                    </div>
                    <div class="tap_panel addUser">
                        <a href="<%= prePath %>/report/?flyto=dataQuery">
                            <span class="icon glyphicon glyphicon-menu-hamburger"></span>
                            <span class="number" id="allCollectCount">0</span>
                            <span class="title"><%= __('homepage.totalOfIntradayPassengerFlow') %></span>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="panel panel-primary box">
            <div class="panel-heading box-title">
                <h3 class="panel-title">
                    <i class="fa fa-table fa-lg" aria-hidden="true"></i>
                    <%= __('homepage.systemNotice') %>
                </h3>
                <div class="actions">
                    <a class="btn btn-mini content-notice-refresh" href="#">
                        <i class="fa fa-refresh"></i>
                    </a>
                </div>
            </div>
            <div id="noticeDashboard" class="box-content"></div>
        </div>
    </div>
    <!--<div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <p class="help-block">请选择需要查看的门店数据.</p>
                <label for="shopSelect">我的门店</label>
                <select style="width: 20%;margin-left: 10px;" id="shopSelect" class="js-example-basic-single">
                </select>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="color-swatch brand-primary">
                <blockquote>
                    <p>昨日客流数</p>
                    <p style="margin-left: 10px;" id="dxin">--</p>
                    <footer class="text-center">日环比 <cite id="dxinCite">--</cite></footer>
                </blockquote>
            </div>
        </div>
        <div class="col-md-3">
            <div class="color-swatch brand-primary">
                <blockquote>
                    <p>昨日客单量</p>
                    <p style="margin-left: 10px;" id="totalQuantity">--</p>
                    <footer class="text-center">日环比 <cite>--</cite></footer>
                </blockquote>
            </div>
        </div>
        <div class="col-md-3">
            <div class="color-swatch brand-primary">
                <blockquote>
                    <p>昨日销售额</p>
                    <p style="margin-left: 10px;" id="totalAmount">--</p>
                    <footer class="text-center">日环比 <cite>--</cite></footer>
                </blockquote>
            </div>
        </div>
        <div class="col-md-3">
            <div class="color-swatch brand-primary">
                <blockquote>
                    <p>昨日转化率</p>
                    <p style="margin-left: 10px;" id="totalCount">--</p>
                    <footer class="text-center">日环比 <cite class="text-danger">--</cite></footer>
                </blockquote>
            </div>
        </div>
    </div>
    -->
    <div class="row">
        <form class="query-form">
            <div class="col-md-12">
                <input type="hidden" id="_loginCustomerId" value="<%= session.userData.customerId %>"/>
                <input type="hidden" id="_loginAccountId" value="<%= session.userData.userId %>"/>
                <input type="hidden" id="_loginVendorId" value="<%= session.userData.vendorId %>"/>
                <input type="hidden" id="shopIds"/>
                <input type="hidden" id="dateTypeVal" value="0"/>
                <ul class="list-inline" style="float: left ; margin-bottom: auto;">
                    <li style="margin-top: 5px">
                        <div class="input-group">
                            <input type="button" value="<%= __('homepage.today') %>" data-type="0" class="btn_date btn_select">
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="<%= __('homepage.yesterday') %>" data-type="1" class="btn_date btn_unselect" style="width: 90px;">
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input id="lastWeekBtn" type="button" value="<%= __('homepage.lastWeek') %>"  data-type="2" class="btn_date btn_unselect" style="width: 90px;">
                            <span id="lastWeekHint" class="hidden hint"></span>
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input id="lastMonthBtn" type="button" value="<%= __('homepage.lastMonth') %>" data-type="3" class="btn_date btn_unselect" style="width: 90px;">
                            <span id="lastMonthHint" class="hidden hint"></span>
                        </div>
                    </li>
                </ul>
                <ul class="list-inline" style="float: left ; margin-bottom: auto;">
                    <li>
                        <label><%= __('store.areaSelection') %>：</label>
                        <!--<select id="customer_select" style="width: 150px;"-->
                                <!--options codeField="id" nameField="name" name="_customerId"></select>-->

                        <select id="customer_select" style="width: 150px;"
                                class="js-example-basic-single" name="_customerId"></select>


                    </li>
                    <li>
                        <label><%= __('homepage.typeOfStores') %>：</label>
                        <select style="width: 160px;" id="shopType" name="shopType"   options="" ></select>
                    </li>
                    <li>
                        <button type="button" class="btn btn-sm btn-inverse btn-query"><%= __('account.search') %></button>
                    </li>
                </ul>
            </div>
            <!--<div class="col-md-12">-->
                <!--<ul class="list-inline" style="float: left ; margin-bottom: auto;">-->
                    <!--<li>-->
                        <!--<label>店铺选择：</label>-->
                        <!--<select id="shop_select" style="width: 680px;" name="customer_id_obj_ae"-->
                                <!--class="shop_array js-example-basic-multiple" multiple="multiple"></select>-->
                        <!--<button type="button" class="btn btn-sm btn-inverse btn-query">查询</button>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        </form>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div id="shopsChart" style="width: 100%;height: 500px;">
            </div>
        </div>

    </div>
    <!--<div class="row">
        <div class="col-md-6">
            <div id="customerFlowChart" style="width: 100% ;height:300px;">

            </div>
        </div>
        <div class="col-md-6">
            <div id="customerOrderChart" style="width: 100% ;height:300px;">

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6" >
            <div id="salesAmountChart" style="width: 100% ;height:300px;">

            </div>
        </div>
        <div class="col-md-6">
            <div id="conversionChart" style="width: 100% ;height:300px;">

            </div>
        </div>
    </div>-->
</div>
<script src="<%= global.config.publicPath %>/echarts/3.3.1/echarts.js"></script>
<% include common/footer.ejs %>
</body>
</html>